@import "../../assets/base.less";

#index {
  min-height: calc(100vh - 172px);
  .blog-posts {
    .item {
      .avatar {
        margin-right: 15px;
        img {
          width: 60px;
          height: 60px;
          border-radius: 2px;
        }
        figcaption {
          max-width: 60px;
          margin-top: -5px;
          text-align: center;
          font-size: 12px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          color: @textNotes;
        }
      }
      .text {
        flex-grow: 1;
        margin-top: -4px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        h3 {
          color: @themesColor;
          span {
            color: @themesGreen;
            font-size: 14px;
            font-weight: normal;
            margin-left: 10px;
          }
        }
      }
    }
  }
  .blog-pages {
    text-align: center;
    padding: 6px 0;
  }
}
